
@import "reset";
.el-menu-item,
.el-submenu__title{
    padding-left: 30px!important;
}
.el-submenu .el-menu-item{
    padding-left: 50px!important;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
.sever_list .server_title{
    position: relative;
    height: 60px;
}
.sever_list .server_title h1{
    font-size: 16px; font-weight: bold;line-height: 32px;
}
.sever_list  .mainBtn{
    position: absolute;
    right: 0;
    top:0

}
.sever_list .add{ right:160px;}
.sever_list  .discard{ right:60px}
.sever_list ul >.active{ background: #20a0ff!important; color: #fff}
.sever_list ul >.active:hover{ background: #20a0ff!important; color: #fff!important;}
.sever_list .addBtn{
    position: absolute;
    z-index: 9;
    padding: 0 20px;
    height: 40px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    border-right:1px solid #dcdfe6;
    transition: all .3s;
}
.sever_list .addBtn:hover{
    background: #67c23a;
    color: #fff;
}
.sever_list .itemList ul li{
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 5px 20px;
    text-align: center;
    border-radius: 5px;
    background: #d9d9d9;
    cursor:pointer;
}
.sever_list .itemList ul li i{
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    width: 0;
}
.sever_list .itemList ul li:hover{
    color: #333;
}
.sever_list .itemList ul li:hover i{
    visibility: visible;
    opacity: 1;
}

.bandStore{
    margin: 5px;
    border-left: #409EFF 1px solid;
}
